.dropdown {
  box-sizing: border-box;
  max-height: 400px;
  padding: 0 17px 16px 17px !important;
  overflow: auto !important;
  background-color: var(--bg-main) !important;
  [data-dropdown-render] {
    [class='ant-checkbox-inner'] {
      border-radius: 2px;
    }
    [class='ant-empty'] {
      & > [class='ant-empty-image'] {
        margin-top: 8px;
      }
      [class='ant-empty-description'] {
        color: rgba(255, 255, 255, 0.3);
      }
    }
  }
  :global {
    .ant-checkbox-group {
      width: 100%;
    }
    .ant-checkbox-wrapper {
      display: flex !important;
      align-items: center;
      width: 100%;
      height: 30px;
      margin-top: 9px !important;
      margin-left: 0 !important;
      color: #d8d8d8 !important;
      font-size: 14px !important;
      > span:last-child {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }
  }
  &.emptyStyle {
    max-width: 108px;
    [class='ant-empty'] {
      line-height: 0.5;
      & [class='ant-empty-img-default'] {
        width: 100% !important;
      }
    }
  }
}
